[v-cloak] {
	display: none
}
input[type="search"]::-webkit-search-cancel-button{
  display: none;
}
input[type="search"] {
  -webkit-appearance: none;
}
.app-shell {
		position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.index-main {
		position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-width: 100vw;
		margin: 0 auto;
		background: #f5f5f5;
}

.index-header {
	height: .88rem;
	display: flex;
  align-items: center;
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  left: 0;
  transition: all .5s;
}

.index-location {
	background: url(../image/icon-location-white.png) no-repeat center;
	background-size: 100%;
	width: .48rem;
	height: .48rem;
	margin: 0 .24rem;
}

.index-search {
	width: 5.58rem;
  height: .64rem;
  line-height: .64rem;
	font-size: .26rem;
	border-radius: .32rem;
	background: #fff url(../image/icon-search.png) no-repeat .24rem center;
	background-size: .32rem .32rem;
	padding-left: .8rem;
  box-sizing: border-box;
}

.index-sean {
	background: url(../image/icon-Scan.png) no-repeat center;
	background-size: 100%;
	width: .48rem;
	height: .48rem;
	margin: 0 .24rem;
}

.index-container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-bottom: 1rem;
  overflow: auto;
}
.index-container::-webkit-scrollbar { width: 0 !important }

.index-slide {
  height: 4.1rem;
}

.cube-slide-item > a > img {
  width: 7.5rem;
  height: 4.1rem;
}

.cube-slide-dots {
  bottom: .34rem !important;
  transform: translateZ(.08rem) !important;
}

.cube-slide-dots > span {
  width: .36rem;
  height: .08rem;
  border-radius: .04rem;
  margin: 0 .06rem;
  background: #fff !important;
}

.cube-slide-dots>span.active {
  background: #fc9153 !important;
}

.index-nav {
    display: flex;
}
        

.index-nav-link {
    flex: 1;
    text-align: center;
    margin-top: .24rem;
    margin-bottom: .2rem;
}

.index-nav-img {
    width: 1.59rem;
    height: 1.72rem;
}

.index-center {
    padding: 0 .16rem;
    display: grid;
    grid-template-columns: 2.8rem 2.12rem 2.12rem;
    grid-template-rows: 1.8rem 2.16rem;
    grid-column-gap: .07rem;
    grid-row-gap: .07rem;
}

.index-center-img {
    width: 100%;
    height: 100%;
}

.index-priceRanking {
    grid-row-start: 1;
    grid-row-end: 3;
}

.index-about {
    grid-column-start: 2;
    grid-column-end: 4;
}

.index-newstitle {
    padding: 0 .18rem;
    font-size: .24rem;
    margin-top: .2rem;
}

.index-news {
    margin: .12rem .16rem 0 .16rem;
    padding-bottom: .24rem;
}

.index-newslist {
    display: grid;
    grid-template-columns: 3.5rem 3.5rem;
    grid-template-rows: 1fr 1fr;
    grid-column-gap: .18rem;
    grid-row-gap: .18rem;
}

.index-newslist-li {
    background: #fec57e;
    overflow: hidden;
}

.index-newslist-img {
    width: 1.08rem;
    height: 1.08rem;
    float: left;
    margin-right: .16rem;
}

.index-newslist-link {
    display: block;
    margin: .2rem;
    height: 1.08rem;
    color: #fff;
    font-size: .24rem;
    line-height: .32rem;
}

.index-newslist-title {
    font-size: .28rem;
    margin: 0 auto .1rem 0;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 1.8rem;
}

.index-newslist-brief {
    margin-top: .05rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.index-news-more {
    display: block;
    width: 2.08rem;
    height: .52rem;
    line-height: .52rem;
    text-align: center;
    border-radius: .12rem;
    background: #fec57e;
    color: #fff;
    font-size: .24rem;
    margin: .2rem auto 0 auto;
}

/*底部导航栏*/
.footbar {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 100;
  width: 100vw;
	background: #fff;
	transition: transform .2s ease-out,-webkit-transform .2s ease-out;
	box-shadow: 0 .4vw 1.867vw .267vw rgba(0,0,0,.12)
}
.footbar ul {
  display: flex;
  overflow: hidden;
}
.footbar li {
  flex: 1;    
  height: 13.333vw;
}
.link-home a {
  background: url(../../image/icon-home.png) no-repeat;  
}
.link-home.active a{
  color: #ec7e2d;
  background: url(../../image/icon-home-o.png) no-repeat;
  background-size: 6.4vw 6.4vw;
  background-position: center 1.333vw;  
}
.link-sms a {
  background: url(../../image/icon-sms.png) no-repeat;  
}
.link-sms.active a{
  color: #ec7e2d;
  background: url(../../image/icon-sms-o.png) no-repeat;
  background-size: 6.4vw 6.4vw;
  background-position: center 1.333vw;  
}
.link-search a {
  background: url(../../image/icon-buy.png) no-repeat;  
}
.link-search.active a{
  color: #ec7e2d;
  background: url(../../image/icon-buy-o.png) no-repeat;
  background-size: 6.4vw 6.4vw;
  background-position: center 1.333vw;  
}
.link-cart a {
  background: url(../../image/icon-cart.png) no-repeat;
  position: relative;
}
.link-cart.active a{
  color: #ec7e2d;
  background: url(../../image/icon-cart-o.png) no-repeat;
  background-size: 6.4vw 6.4vw;
  background-position: center 1.333vw;  
}
.link-user a {
  background: url(../../image/icon-member.png) no-repeat;  
}
.link-user.active a{
  color: #ec7e2d;
  background: url(../../image/icon-member-o.png) no-repeat;
  background-size: 6.4vw 6.4vw;
  background-position: center 1.333vw;  
}
.footbar a {
  color: #000;
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 3.2vw;
  background-size: 6.4vw 6.4vw;
  background-position: center 1.333vw;
	padding-top: 8.267vw;
	text-decoration: none;
}

.link-cartBadge {
  position: absolute;
  top: 0;
  left: 55%;
  background: #FF0000;
  color: #fff;
  font-size: .2rem;
  font-style: normal;
  box-sizing: border-box;
  min-width: .32rem;
  height: .32rem;
  line-height: .32rem;
  border-radius: .16rem;
  padding: 0 .08rem;
}